<template>
  <div>
    <sb-tip>很多详情页，或者添加页，常用这种格式</sb-tip>
    <TitleAndBtn>
      <template #title> 基本信息 </template>
      <template #btn>
        <sb-btn ghost icon="plus-square"> 添加信息 </sb-btn>
      </template>
    </TitleAndBtn>
    <sb-tip color="#CC0033">自定义颜色标题</sb-tip>
    <TitleAndBtn>
      <template #title> 更多信息 </template>
      <template #btn>
        <sb-btn ghost icon="file-excel"> 导出表格 </sb-btn>
      </template>
    </TitleAndBtn>
    <sb-tip color="#009966"
      >还有个用于提示的通用图标
      <TipsIcon>请注意到我</TipsIcon>
    </sb-tip>
  </div>
</template>

<script>
import { TitleAndBtn, TipsIcon } from "~components";
export default {
  components: {
    TitleAndBtn,
    TipsIcon,
  },
};
</script>

<style></style>
